<template>
    <div class="profile">
        <nav-bar class="profile-nav">
            <div slot="center">我的档案</div>
        </nav-bar>
        <user-info></user-info>
        <remaining></remaining>
        <list></list>
    </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar'

import UserInfo from './childProfile/UserInfo'
import Remaining from './childProfile/Remaining.vue'
import List from './childProfile/LIst.vue'


export default {
    components: {
        NavBar,
        UserInfo,
        Remaining,
        List
    }
}
</script>



<style scoped>
    .profile-nav{
        color: #fff;
        background: var(--color-tint);
    }
</style>